﻿@charset "utf-8";/* CSS Document */
*{margin: 0;padding: 0;}
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none; text-decoration: none;}
td{padding:5px !important}
a {text-decoration: none !important;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 14px;font-size: 1.4rem;color:#333;border: none;outline: none;}
.l{ float:left;}
.r{ float:right;}
.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

::-webkit-input-placeholder {/* WebKit browsers */
 color:#1b1b1b;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;}
 
@media screen and (min-width:1220px) {.wp {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}}

@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}

/*********************** search *****************************/
.search{width:33px;z-index:9999;background:none;margin-top: 36px;}
.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:4px; background:none;color: #fff;}
.sb-icon-search,.sb-search-submit{width: 33px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(sousuo.png) no-repeat center;border:none;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:32px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#978641; border-radius:17px;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}


/*.container1*/
.container1 { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

.container1 .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.container1 .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.container1 .nav form .iptc { box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.container1 .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url(sousuo.png) no-repeat center center; }

.container1 .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top:45px;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.container1 .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

.container1 .nav > ul > li .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("shizi.png") no-repeat center center;  }

.container1 .nav > ul > li .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.container1 .nav > ul > li > a { color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px;}

.container1 .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.container1 .nav > ul > li .c-show { display: none; width: 100%; }


.container1 .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px;}

.container1 .nav > ul > li .c-show1 .c-s1 > a {position: relative;  font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}

.container1 .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: Arial, Helvetica, sans-serif;}


.container1 .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}

.container1 .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2{position: relative; }

.container1 .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { text-indent: 35px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}

.container1 .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a  span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: Arial, Helvetica, sans-serif;}


.container1 .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}

.container1 .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.container1 .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; font-family: Arial, Helvetica, sans-serif;}


.container1 .nav > ul > dl{padding: 20px;}

.container1 .nav > ul > dl dd{float: left;margin: 0 2px;}
.container1 .nav > ul > dl dd img{width: 30px;}

.container1 .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.container1 .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #e60012; }

@media screen and (min-width: 768px) { .container1, .nav { display: none!important; } }


/***********  lunbo  *************/
#lun2{position: relative;}
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;display: block;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList{
    text-align: center;
    position: absolute;bottom: 30px;left: 18%;margin-left: 5px;
}
.slide .dotList ul li{
	display: inline-block;
    width: 23px;
    height: 23px;
    background: url(dian1.png) no-repeat center bottom;
    margin-left: 8px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background: url(dian2.png) no-repeat center center;
}
.slide .carousel-control{
	position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    z-index:999;
}
.slide .carousel-control.left{
	left:0;
	background-image:url("prev.png");
	cursor:pointer;
}
.slide .carousel-control.right{
	right:0;
	background-image:url("next.png");
	cursor:pointer;
}
.slide .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:1px;
    display:none
}
.imgtoVideo .imgtoVideoDetail >div{
	 background: rgba(0, 98, 197,0.8);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
	 width: 100%;
     height: 100%;
     text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
	display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
	    background: #0C2D47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
	color: #fff;
    font-size: 25px;
    margin-top: 21%;
}
.contentIV{
	position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
    margin:0 auto;
    z-index:-999;
    max-width:1024px;
    display:none;
}

#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
	    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    z-index: 999;
}

@media screen and (max-width:639px) {
.slide .dotList ul li{margin-left: 10px;}
.slide .dotList{bottom: 5px;}
.slide .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;}
.slide .carousel-control.left,.slide .carousel-control.right{display: none;}
}


/********  head  *******/
.head{}

.topform{position: relative;margin-top: 49px;}
.sou{width: 204px;padding-left: 14px;height: 22px;line-height: 22px;border-radius: 11px;border: 1px solid #999999;color: #999999;background: transparent;font-family: Tahoma, Geneva, Verdana, sans-serif;}
.suo{width: 14px;height: 14px;background: url(sousuo.png) no-repeat;position: absolute;top: 4px;right: 11px;cursor: pointer;}

.logo{padding-top: 6px;margin-right: 15px;}
 

.navlist2{display: none;}
.navlist>li{float: left;position: relative;margin-left: 30px;}
.navlist>li>a{display: block;font-size:16px;font-size:1.6rem;padding: 0 15px;padding-bottom: 33px; padding-top: 51px;font-family: 'FuturaStdBook';color: #333;}
.navlist>li.currentnav>a{background: #174895;color: #fff;}
.navlist{padding-top: 1px;}
.navlist>li:hover>a{background: #174895;color: #fff;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .navlist>li{margin-left: 5px;}
    .navlist>li>a{padding-left: 12px;padding-right: 12px;}
}
@media screen and (max-width:999px) {
    .navlist{width: 100%;padding-top: 20px;}
    .navlist>li{margin-left: 0;width: 16.16%;text-align: center;}
    .navlist>li>a{padding-left: 0;padding-right: 0;padding-top: 10px;padding-bottom: 10px;}
}
@media screen and (max-width:767px) {
    .navlist1{display: none;}
    .navlist2{display: block;}
    .navlist>li{width: 25%;}
    .topform{display: none;}
    .logo{margin-right: 0px;width: 180px;}
}

@font-face {
    font-family: 'FuturaStdBook';
    src: url('../fonts/FuturaStdBook.eot');
    src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'),
         url('../fonts/FuturaStdBook.woff2') format('woff2'),
         url('../fonts/FuturaStdBook.woff') format('woff'),
         url('../fonts/FuturaStdBook.ttf') format('truetype'),
         url('../fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
}

.yiji{position: absolute;left: 50%;margin-left: -79px;top: -99999px;width: 158px;background: #eee;padding-top: 4px; padding-bottom: 4px;z-index: 99999;}
.yiji li{line-height: 40px;padding-left: 15px;position: relative;}
.yiji li a{display: block;}
.yiji li:hover{background: #fff;}
.yiji li:hover>a{color: #174895;}
.erji{padding-left: 2px;position: absolute;left: 100%;top: -9999px;}
.erji>ul{width: 158px;background: #eee;padding-top: 4px;padding-bottom: 4px;}
.sanji{padding-left: 2px;position: absolute;left: 100%;top: -9999px;}
.sanji>ul{width: 246px;background: #eee;padding-top: 4px;padding-bottom: 4px;}
.navlist>li:hover .yiji{top: 100%;}
.yiji>li:hover .erji{top: -4px;}
.erji>ul>li:hover .sanji{top: -4px;}
@media screen and (max-width:999px) {
    .yiji{display: none;}
}

/**************  syfl  **************/
.syfl{padding-top: 25px;padding-bottom: 70px;}
.syflzuo{width: 1200px; text-align: center}
.syflzuo a{display: block;}
.syflp1{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';line-height: 50px;}
.syflp1 span{color: #174895;}
.syflp2{line-height: 24px;margin-top: 23px;margin-bottom: 69px;}
.syflp3{width: 160px;height: 34px;line-height: 34px;text-align: center;color: #174895;border: 1px solid #174895;}
.syflyou{width: 1200px;margin-right: 9px;}
.syflp1:hover{color: #174895;}
.syflp2:hover{color: #174895;}
.syflp3:hover{background: #174895;color: #fff;}

.syflbox{float: left;margin-left: 20px;}
.syflcon{position: relative;overflow: hidden;}
 
.syflcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(sypcover.png);}
.syflcover img{width: 65px;height: 65px;position: absolute;left: 50%;margin-left: -33px;top: 50%;margin-top: -33px;}
.syflp{display: block;text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 28px;margin-top: 20px;}
.syflbox:hover .syflcover{top: 0;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .syflyou{width: 655px;}
    .syflbox{margin-left: 30px;width: 312px;}
}
@media screen and (max-width:999px) {
    .syflzuo{width: 100%;text-align: center;}
    .syflp3{margin: 0 auto;}
    .syfl{padding-top: 40px;padding-bottom: 40px;}
    .syflp2{margin-bottom: 30px;}
    .syflyou{width: 100%;margin-right: 0;margin-top: 20px;}
    .syflbox{width: 40%;margin: 0 5%;}
    .syflcover{display: none;}
}
@media screen and (max-width:767px) {
    .syflp1{font-size: 30px;font-size: 3rem;}
    .syflp2{margin-top: 15px;margin-bottom: 15px;}
    .syflbox{width: 48%;margin: 0 1%;}
}
@media screen and (max-width:500px) {
    .syflp{font-size: 14px;font-size: 1.4rem;margin-top: 10px;}
}
@media screen and (max-width:400px) {
    .syflbox{width: 98%;margin: 0 1%;}
    .syflp1{font-size: 24px;font-size: 2.4rem;line-height: 30px;}
}

/***********  sya  ***********/
.syazuo{width: 50%;}
.syazuo img{width: 100%;max-width: 960px;max-height: 598px;}
.syayou{width: 50%;position: relative;}
.syayou>img{width: 100%;max-width: 960px;max-height: 540px;}
.syayoun{width: 600px;position: absolute;left: 0;top: 0;height: 100%;}
.syayoun>div{padding-left: 70px;padding-right: 42px;padding-top: 76px;}
.syayoun a{display: block;}
.ap1{font-size: 24px;font-size: 2.4rem;color: #174895;padding-left: 42px;background: url(syaxian.jpg) no-repeat left center;font-family: 'FuturaStdBook';margin-bottom: 10px;}
.ap2{font-size: 40px;font-size: 4rem;line-height: 50px;font-family: 'FuturaStdBook';margin-bottom: 30px;}
.ap3{line-height: 30px;}
.ap4{width: 55px;height: 58px;position: absolute;left: 0;bottom: -58px;}
.ap2:hover{color: #174895;}
.ap3:hover{color: #174895;}

@media screen and (max-width:1500px) {
    .syayoun>div{padding-top: 30px;}
}
@media screen and (max-width:1330px) {
    .ap2{font-size: 30px;font-size: 3rem;line-height: 40px;margin-bottom: 10px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .syayoun{width: 490px;}
    .syayoun>div{padding-left: 30px;}
    .ap2{font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width:999px) {
    .syazuo{width: 100%;text-align: center;}
    .syayou{width: 100%;text-align: center;background: url(syabg.jpg) no-repeat center top;}
    .syayou>img{display: none;}
    .syayoun{width: 98%;margin: 0 auto;position: static;}
    .syayoun>div{padding: 40px;}
    .ap1{background: none;}
    .ap4{display: none!important;}
}
@media screen and (max-width:767px) {
    .ap2{font-size: 22px;font-size: 2.2rem;}
    .syayoun>div{padding-left: 20px;padding-right: 20px;}
}
@media screen and (max-width:500px) {
    .ap2{font-size: 18px;font-size: 1.8rem;}
    .syayoun>div{padding-left: 0px;padding-right: 0px;}
}

/************  syp  ************/
.syp{padding-top: 88px;padding-bottom: 87px;}
.sypbtp{position: relative;padding-right: 180px;}
.sypbt{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';}
.sypbt span{color: #174895;}
.syvm{position: absolute; right: 0;bottom: 4px;width: 160px;height: 34px;line-height: 34px;display: block;color: #174895;border: 1px solid #174895;text-align: center;}
.sypbt:hover{color: #174895;}
.syvm:hover{background: #174895;color: #fff;}

.sypp{display: block;line-height: 24px;padding-top: 5px;}

.sypbox{width: 277px;float: left;margin-left: 20px;margin-top: 45px;}
.sypcon{position: relative;overflow: hidden;}
.syptu img{width: 100%;max-width: 473px;max-height: 332px;display: block;}
.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(sypcover.png);}
.sypcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}
.sypbox:hover .sypcover{top: 0;}
.sypp1{display: block;text-align: center;font-size: 16px;font-size: 1.6rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 15px;margin-bottom: 9px;}
.sypp2{text-align: center;display: block;line-height: 24px;height: 72px;overflow: hidden;}
.sypp1:hover{color: #174895;}
.sypp2:hover{color: #174895;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .sypbox{width: 222px;}
}
@media screen and (max-width:999px) {
    .sypbox{width:  23%;margin: 0 1%;margin-top: 30px;}
    .syp{padding-top: 40px;}
    .sypcover{display: none;}
}
@media screen and (max-width:800px) {
    .sypbox{width:  48%;}
}
@media screen and (max-width:500px) {
    .sypbt{font-size: 30px;font-size: 3rem;}
    .sypp{padding-top: 20px;}
}
@media screen and (max-width:400px) {
    .sypbox{width:  98%;margin-top: 15px;}
    .syvm{width: 100px;}
    .sypbtp{padding-right: 110px;}
    .sypp2{height: auto;}
}

/***********  sycase  *************/
a:hover{
	color: #333 !important;
}
.sycase{padding-top: 54px;padding-bottom: 67px;background: url(sybg1.jpg) no-repeat center top;}
.sycasebt{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';margin-bottom: 10px;}
.sycasebt a{color: #fff;}
.sycasep{line-height: 24px;color: #fff;}
.sycasep:hover{color: #174895;}
.sycasebt a:hover{color: #174895;}
.img-scroll11 {position: relative;margin: 0 auto;width: 100%;padding-top: 49px;}
.img-scroll11 .prev11, .img-scroll11 .next11 {position: absolute;display: block;width: 35px;height: 35px;top:0;margin-top: -80px;color: #fff;text-align: center;line-height: 100px}
.img-scroll11 .prev11 {right: 0; margin-right: 43px;cursor: pointer;background: url("cases.png") no-repeat;}
.img-scroll11 .next11 {right: 0;cursor: pointer;background: url("casex.png") no-repeat;}
.img-scroll11 .prev11:hover {background: url("cases2.png") no-repeat;}
.img-scroll11 .next11:hover {background: url("casex2.png") no-repeat;}
.img-list11 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.img-list11 ul {width: 10000%;}
.img-list11 li {float: left;display: inline;width: 565px;position: relative;margin-right: 69px;padding-bottom: 20px;}

.casetu{position: absolute;right: 0;top: 0;}
.casetu img{width: 100%;max-width: 303px;max-height: 240px;}

.casenr{margin-right: 203px;padding-left: 14px;padding-right: 30px;margin-top: 24px;padding-top: 31px;padding-bottom: 64px;background: #fff;background: rgba(243,243,243,0.9);position: relative;z-index: 9;}
.casep1{display: block;font-weight: bold;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.casep2{display: block;color: #666666;line-height: 24px;margin-top: 15px;height: 96px;overflow: hidden;}
.casep3{width: 134px;padding-left: 8px;height: 43px;line-height: 43px;color: #fff;background: #174895;display: block;position: absolute;bottom: -20px;left: 15px;font-size: 16px;font-size: 1.6rem;}

.casep1:hover{color: #174895;}
.casep2:hover{color: #174895;}


@media screen and (min-width:1000px) and (max-width:1219px) {
    .img-list11 li{margin-right: 30px;width: 475px;}
}
@media screen and (max-width:999px) {
    .casetu{position: static;display: block;text-align: center;}
    .casenr{margin-top: 0px;margin-right: 0;}
    .img-list11 li{width: 0.48%;margin: 0 0.01%;}
    .sycase{background: url(sybg11.jpg) no-repeat center top;background-attachment: fixed;}
    .syp{padding-bottom: 50px;}
    .img-scroll11 .prev11, .img-scroll11 .next11{top: auto;bottom: 0;}
    .img-scroll11 .prev11{left: 50%;margin-left: -50px;right: auto;}
    .img-scroll11 .next11{right: 50%;margin-right: -50px;}
    .img-list11{padding-bottom: 70px;}
}
@media screen and (max-width:767px) {
    .img-scroll11 .prev11, .img-scroll11 .next11{margin-top: -100px;}
}
@media screen and (max-width:500px) {
    .sycasebt{font-size: 30px;font-size: 3rem;}
    .img-scroll11{padding-top: 30px;}
    .img-list11 li{width: 0.98%;margin: 0 0.01%;}
}
/************  syzs  *************/
.syzs{padding-top: 87px;padding-bottom: 50px;}
.syquabt span{color: #174895;}
.syquabt a{color: #333333;}
.syquap{line-height: 24px;}
.syquap:hover{color: #174895;}

.img-scroll2 {position: relative;margin: 0 auto;width: 100%;padding-top: 37px;}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 35px;height: 35px;top:0;margin-top: -80px;color: #fff;text-align: center;line-height: 100px}
.img-scroll2 .prev2 {right: 0; margin-right: 43px;cursor: pointer;background: url("quas.png") no-repeat;}
.img-scroll2 .next2 {right: 0;cursor: pointer;background: url("quax.png") no-repeat;}
.img-scroll2 .prev2:hover {background: url("cases2.png") no-repeat;}
.img-scroll2 .next2:hover {background: url("casex2.png") no-repeat;}
.img-list2 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left;display: inline;width: 180px;position: relative;margin-right: 75px;}
.img-list2 li img{width: 100%;max-width: 180px;max-height: 254px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .img-list2 li{margin-right: 20px;}
}
@media screen and (max-width:999px) {
    .img-scroll2 .prev2, .img-scroll2 .next2{top: auto;bottom: 0;}
    .img-scroll2 .prev2{left: 50%;margin-left: -50px;right: auto;}
    .img-scroll2 .next2{right: 50%;margin-right: -50px;}
    .img-list2{padding-bottom: 70px;}
    .img-list2 li{width: 0.18%;margin: 0 0.01%;}
    .syzs{padding-top: 40px;}
}
@media screen and (max-width:999px) {
    .img-list2 li{width: 0.23%;margin: 0 0.01%;}
}
@media screen and (max-width:450px) {
    .img-list2 li{width: 0.31%;margin: 0 0.01%;}
}
@media screen and (max-width:400px) {
    .img-list2 li{width: 0.48%;margin: 0 0.01%;}
}

/***************  syn  **************/
.syn{padding-top: 50px;padding-bottom: 80px;background: url(bbg.jpg);}
.synbtp{position: relative;margin-bottom: 25px;}
.synbt{font-family: 'FuturaStdBook';font-size: 40px;font-size: 4rem;color: #333333;}
.synbt span{color: #174895;}
.sym{position: absolute;right: 0;bottom: 0;width: 84px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #fff;background: #174895;position: absolute;right: 0;bottom: 7px;font-size: 16px;font-size: 1.6rem;}
.synzuo{width: 600px;}
.synzuo ul li{position: relative;margin-top: 18px;}
.ri{font-family: 'FuturaStdBook';font-size: 55px;font-size: 5.5rem;position: absolute;left: 0;top: 0; color: #333}
.yuenian{position: absolute;left: 64px;top: 3px;text-align: center;font-family: 'FuturaStdBook';}
.yuenian span{display: block;line-height: 30px; color: #333}
.yue{padding-bottom: 1px;background: url(yue.jpg) no-repeat center bottom;}
.synnr{padding-left: 124px;}
.synnr a{display: block;color: #666666;line-height: 24px;height: 72px;overflow: hidden;display: table-cell;vertical-align: middle;}
.synnr a:hover{color: #174895;}

.synyou img{width: 100%;max-width: 560px;max-height: 313px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .synyou{width: 450px;margin-top: 78px;}
    .synzuo{width: 510px;}
}
@media screen and (max-width:999px) {
    .synyou{width: 100%;text-align: center;margin-top: 20px;}
    .synzuo{width: 100%;}
    .syn{padding-top: 15px;padding-bottom: 40px;}
}
@media screen and (max-width:500px) {
    .synbt{font-size: 30px;font-size: 3rem;}
    .sym{bottom: 6px;}
    .synnr{padding-left: 0;padding-top: 65px;}
}


/***********  sypartner  ************/
.sypartner{padding-top: 17px;padding-bottom: 15px;background: url(sybg2.jpg);}
.hbzuo{width: 155px;padding-top: 10px;}
.hbzuo a{font-family: 'FuturaStdBook';font-size: 40px;font-size: 4rem;}

.img-scroll3 {position: relative;margin: 0 auto;width: 100%;}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 28px;height: 28px;top:62%;margin-top: 0px;color: #fff;text-align: center;line-height: 100px}
.img-scroll3 .prev3 {left: 0; margin-left: -235px;cursor: pointer;background: url("quas.png") no-repeat;background-size:100%; }
.img-scroll3 .next3 {left: 0; margin-left: -200px;cursor: pointer;background: url("quax.png") no-repeat;background-size:100%;}
.img-scroll3 .prev3:hover {background: url("cases2.png") no-repeat;background-size:100%;}
.img-scroll3 .next3:hover {background: url("casex2.png") no-repeat;background-size:100%;}
.img-list3 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.img-list3 ul {width: 10000%;}
.img-list3 li {float: left;display: inline;width: 224px;position: relative;margin-right: 23px;}
.img-list3 li img{width: 100%;max-width: 224px;max-height: 108px;}

.hbyou{width: 967px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .hbyou{width: 745px;}
    .img-list3 li{margin-right: 36px;}
}
@media screen and (max-width:999px) {
    .hbzuo{width: 100%;margin-bottom: 10px;}
    .hbyou{width: 100%;}
    .img-list3 li{width: 0.23%;margin: 0 0.01%;}

    .img-scroll3 .prev3, .img-scroll3 .next3{top: auto;bottom: 0;}
    .img-scroll3 .prev3{left: 50%;margin-left: -50px;right: auto;}
    .img-scroll3 .next3{right: 50%;margin-right: -50px;margin-left: auto;}
    .img-list3{padding-bottom: 70px;}
}
@media screen and (max-width:700px) {
    .img-list3 li{width: 0.31%;}
}
@media screen and (max-width:500px) {
    .img-list3 li{width: 0.48%;}
    .hbzuo a{font-size: 30px;font-size: 3rem;}
}

/*************  bottom  ************/
.bottom{padding-top: 56px;background: #174895;font-family: 'FuturaStdBook';}
.bottom p,.bottom li,.bottom a,.bottom span{color: #ffffff;}
.bottom a:hover{color: #174895;}
.div>a,.div>span{display: block;font-size: 24px;font-size: 2.4rem;text-transform: uppercase;margin-bottom: 11px;}
.div1>span{padding-left: 39px;background: url(bicon1.png) no-repeat left center;}
.div2>a{padding-left: 46px;background: url(bicon2.png) no-repeat left center;}
.div3>span{padding-left: 47px;background: url(bicon3.png) no-repeat left center;}

.div1{margin-right: 219px;}
.div1 li{line-height: 30px;font-size: 16px;font-size: 1.6rem;}
.div1 ul{padding-left: 40px;}

.div2 li{line-height: 36px;padding-left: 30px;font-size: 16px;font-size: 1.6rem;}
.div2 ul{padding-left: 40px;}
.bli1{background: url(bi1.png) no-repeat left 11px;}
.bli2{background: url(bi2.png) no-repeat left 11px;}
.bli3{background: url(bi3.png) no-repeat left 11px;}
.bli4{background: url(bi4.png) no-repeat left 11px;}
.bli5{background: url(bi5.png) no-repeat left 11px;}
.div2>a{margin-bottom: 16px;}

.div3{width: 347px;}
.div3>div{padding-left: 46px;}
.bsjj{padding-top: 17px;padding-bottom: 13px;}
.bsjj a{margin-right: 3px;position: relative;top: 0;}
.bsjj a:hover{top: -10px;}
.copyright,.support{font-size: 16px;font-size: 1.6rem;line-height: 30px;}
.cnzz{padding-left: 10px;}

.link{line-height: 37px;height: 37px;border-top: 1px solid #8e8e8e;margin-top: 26px;}
.link a{padding-right: 20px;}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .div1{margin-right: 95px;}
}
@media screen and (max-width:999px) {
    .div1{width: 30%;margin-right: 5%;}
    .div2{width: 65%;}
    .div3{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:767px) {
    .div1,.div2{display: none;}
    .div3>span{display: none;}
    .bsjj{display: none;}
    .div3{margin-top: 0;}
    .bottom{padding-top: 30px;}
    .link a,.link span{display: none;}
}


/******************  product1  ******************/
.bread{background: url(breadbg.jpg) no-repeat center top;padding-top: 31px;padding-bottom: 28px;}
.bread a:hover{color: #174895;}
.bread a.currentbread{color: #174895;}


/**************************  product1  ***************************/
.fymain{padding-top: 40px;padding-bottom: 100px;}

.pzuo{width: 270px;}
.pyou{width: 894px;}

.title1{text-align: center;font-size: 22px;font-size: 2.2rem;line-height: 46px;background: #174895;margin-bottom: 8px;}
.zitib{color: #fff;}
.subNav{line-height: 40px;background: #f3f3f3 url(cejt1.png) no-repeat 95% center;padding-left: 15px;margin-bottom: 6px;}
.subNav a{font-size: 16px;font-size: 1.6rem;display: block;}
.subNav:hover{background: #174895 url(cejt2.png) no-repeat 95% center;}
.subNav:hover a{color: #fff;}
.subNav.currentDd{background: #174895 url(cejt2.png) no-repeat 95% center}
.subNav.currentDd a{color: #fff;}
.navContent{background: #f8f8f8;padding-top: 3px;padding-bottom: 9px;margin-top: -6px;margin-bottom: 6px;padding-left: 9px;padding-right: 11px;}
.navContent p{line-height: 45px;padding-left: 17px;border-bottom: 1px solid #a9a9a9;}
.navContent p.noborder{border: none;}
.navContent p a{display: block;font-size: 16px;font-size: 1.6rem;}
.navContent p.currentp a{color: #174895;}
.navContent p.currentp{border-bottom: none;}
.navContent p:hover a{color: #174895;}
.navContent ul li{line-height: 24px;padding-left: 17px;}
.navContent ul{border-bottom: 1px solid #a9a9a9;padding-bottom: 5px;}
.navContent ul li a{color: #666666;}
.navContent ul li:hover a{color: #174895;}

.pbox{position: relative;margin-bottom: 58px;}
.pcon{position: absolute;left: 0;top: 0;overflow: hidden;width: 277px;}
.pcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(sypcover.png);}
.pcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}
.ptu{display: block;}
.ptu img{width: 100%;max-width: 473px;max-height: 332px;display: block;}
.pnr{padding-left: 313px;}
.pp1{display: block;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 23px;font-size: 16px;font-size: 1.6rem;font-weight: bold;}
.pp2{display: block;line-height: 24px;height: 48px;overflow: hidden;margin-top: 23px;margin-bottom: 40px;}
.pp3 input{cursor: pointer;position: absolute;left: 0;top: 10px;}
.pp3{padding-left: 30px;position: relative;}
.pp3 a{display: block;width: 129px;height: 30px;line-height: 30px;text-align: center;color: #174895;border: 1px solid #174895;border-radius: 15px;}
.pp1:hover{color: #174895;}
.pp2:hover{color: #174895;}
.pp3 a:hover{background: #174895;color: #fff;}

.pbox:hover .pcover{top: 0;}

.title2{line-height: 46px;text-align: center;background: #174895;margin-top: 90px;margin-bottom: 6px;}
.title2 a{color: #fff;font-size: 22px;font-size: 2.2rem;}

.pcenlist li{margin-bottom: 9px;background: #e7e7e7;padding-left: 8px;padding-right: 6px;}
.pcenlist li a{display: block;line-height: 24px;padding-top: 16px;padding-bottom: 16px;}
.pcenlist li a:hover{color: #174895;}

.ms_ye{text-align: center;margin-top: 13px;}
.ms_ye a{display: inline-block;width: 33px;line-height: 28px;border: 1px solid #e5e5e5; background: #fff;text-align: center;margin: 0 2.5px;font-size: 12px;font-size: 1.2rem;}
.ms_sx{width: 59px!important;}
.ms_ye .ms_current_ye{border:1px solid #174895;color: #fff;background: #174895;}
.ms_ye a:hover{border:1px solid #174895;color: #fff;background: #174895;}
.xiangshang{display: inline-block;margin-left: 11px;padding-right: 19px;background: url(xiangshang.png) no-repeat right 5px;}
.xiangshang input{width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #174895;cursor: pointer;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .pyou{width: 675px;}
    .pyou .sypbox{margin-left: 21px;width: 211px;}
}
@media screen and (max-width:999px) {
    .pyou{width: 100%;}
    .pzuo{width: 100%;margin-top: 30px;}
    .title1{background: #174895;position: relative;margin-bottom: 10px;line-height: 48px;}
    .fymain{padding-top: 30px;padding-bottom: 40px;}
    .ms_ye a{margin-bottom: 10px;}
    .title2{margin-top: 45px;}
    .pcover{display: none;}
}
@media screen and (max-width:767px) {
    .title1 p{display: block;position: absolute;right: 10px;bottom: 10px;}
    .title1 p span{display: block;width: 30px;height: 5px;margin-bottom: 3px;background: #fff;}
    .subNavBox{display: none;}
    .title1{text-align: left;padding-left: 15px;font-size: 18px;font-size: 1.8rem;line-height: 48px;}
    .pcon{position: static;margin: 0 auto;width: auto;max-width: 277px;}
    .pnr{padding-left: 0;padding-top: 10px;}
    .pbox{margin-bottom: 30px;}
    .ms_ye{margin-top: 60px;}
}



/************  product2  *************/
.product2 #tsShopcontainer1 li,.product #tsShopcontainer1 img{vertical-align:top;}
.product2 #tsShopcontainer1{position:relative; float:left; margin-top:0px;
width:475px;float: left;}
.product2 #tsShopcontainer1 #tsImgS{text-align:center;position:relative;left: 0px;border: 1px solid #dadada;}
.product2 #tsShopcontainer1 #tsImgS a{display:block;text-align:center;margin:0px auto;}
.product2 #tsShopcontainer1 #tsImgS img{border:1px;}
.product2 #tsShopcontainer1 #tsPiccontainer1{width:100%;position:relative;height:85px;margin-top: 15px;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSArrL{width:11px;position:absolute;top:32px;left:0;margin-left: 5px;cursor:pointer;
height:19px;background: url(ps.png) no-repeat;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSArrR{width:11px;position:absolute;top:32px;right:0px;cursor:pointer;
height:19px;background: url(px.png) no-repeat;}

.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSArrL:hover{background: url(ps2.png) no-repeat;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSArrR:hover{background: url(px2.png) no-repeat;}

.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon{position:absolute;top:1px;left:18px;width:1px;overflow:hidden;
height:85px;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon ul{width:100%;overflow:hidden;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li{width:117px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0;
padding: 0 15px;padding-top: 0px;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li.tsSelectImg{background: url(p2jt.jpg) no-repeat center top;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li.tsSelectImg a{}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li a{ display:block;width:117px;border: 1px solid #dadada;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li img{display:block;width:117px;height:81px;}
.product2 #tsShopcontainer1 #tsPiccontainer1 #tsImgSCon li.tsSelectImg a{}
.product2 .MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}
.product2 .MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.product2 .MagicZoomMain{text-align:center !important;width: 92px;}

.MagicZoomBigImageCont img{width: 600px!important;height:421px!important;display: block;} 

.product2 .content{width: 382px;}
.product2 .content .title{margin-bottom: 26px;}
.product2 .content .title h1{font-size:16px;font-size:1.6rem;color: #174895;line-height: 20px;font-weight: bold;}
.product2 .content ul p{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;margin-bottom: 30px;}
.product2 .content ul li{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;}
.product2 .content .btn{margin-top: 31px;}
.product2 .content .btn a { width: 129px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;border: 1px solid #174895;color: #174895;display: inline-block;}
.product2 .content .btn a:hover{background-color: #174895;color: #fff;border: 1px solid #174895;}
.product2 .content .btn a.btn1{margin-right: 28px;}
.product2 .content .share1{margin-right: 9px;color: #999999;display: inline-block;position: relative;top: -8px;}
.product2 .content .share2{display: inline-block;}
.product2 .content .pshare{text-align: left;padding-top: 28px;}
.des{margin-bottom: 14px;font-size: 20px;font-size: 2rem;background: url(desbg.jpg) no-repeat left bottom;color: #333333;margin-top: 53px;font-family: 'OpenSansBold';padding-bottom: 11px;}
.des a:hover{color: #0166b6;}
.des2{margin-bottom: 38px;}

.cpxx{color: #333;line-height: 24px;}
.cpxx a{color: #0166b6;}

.chanpinx{line-height: 30px;}
.chanpinx img,.chanpinx iframe{max-width: 100%;}
.chanpinx a{color: #0166b6;}
.chanpinx table,.nex table{ width:97%; border-collapse:collapse; line-height:24px;}
.chanpinx tr td,.nex tr td{ line-height:24px; padding:2px;}

.img-scroll7 {position: relative;margin: 0 auto;width: 100%;}
.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 12px;height: 20px;top:50%;color: #fff;text-align: center;line-height: 100px}
.img-scroll7 .prev7 {left: 0;cursor: pointer;background: url("zjs.png") no-repeat;}
.img-scroll7 .next7 {right: 0;cursor: pointer;background: url("zjx.png") no-repeat;}
.img-list7 {position:relative;width:90%;overflow: hidden;margin: 0 auto;}
.img-list7 ul {width: 10000%;}
.img-list7 li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;position: relative;text-align: center;}
.img-list7 li span,.img-list7 li a{color: #fff;display: block;border: 1px solid #e6e6e6;}
.img-list7 li img{width: 100%;max-width: 590px;max-height: 532px;}

.img980{display: none;}

#outer{padding-top: 45px;}
#outer #tab{background: #dcdcdc;line-height: 40px;}
#outer #tab li{float: left;border-right: 1px solid #fff;padding: 0 25px;font-size: 16px;font-size: 1.6rem;cursor: pointer;}
#outer #tab li.current{background: #174895;color: #fff;}
#outer #tab li:hover{background: #174895;color: #fff;}
#outer .ul{display: none;padding-top: 32px;}

.cubt{font-size: 18px;font-size: 1.8rem;color: #174895;}

.relate{position: relative;padding-right: 170px;margin-top: 50px;}
.relatea{font-size: 30px;font-size: 3rem;font-family: 'FuturaStdBook';}
.relatea span{color: #174895;}
.zjvm{position: absolute;right: 0;bottom: 0;width: 160px;height: 34px;line-height: 34px;text-align: center;color: #174895;border: 1px solid #174895;}
.zjvm:hover{background: #174895;color: #fff;}
.fypbox{width: 277px;float: left;margin-left: 31px;margin-top: 33px;}
.fypcon{position: relative;overflow: hidden;}
.fypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(sypcover.png);}
.fypcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}
.fyptu{display: block;}
.fyptu img{display: block;width: 100%;max-width: 473px;max-height: 332px;}
.fypp{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;text-align: center;line-height: 20px;margin-top: 14px;}
.fypbox:hover .fypcover{top: 0;}
.fypbox:hover .fypp{color: #174895;}


@media screen and (max-width:1219px) {
.product2 .MagicZoomBigImageCont{display: none!important;}
.product2 .MagicZoomPup{background: rgba(0,0,0,0)!important;}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.product2 .content{width: 100%;padding-top: 20px;}
.product2 #tsShopcontainer1{float: none;margin: 0 auto;}
.fypbox{margin-left: 15px;width: 215px;}

}
@media screen and (max-width:999px) {
.product2 #tsShopcontainer1{float: none;margin: 0 auto;}
.product2 .content{float: none;width: 100%;margin-top: 20px;}

.product2 #tsShopcontainer1{display: none;}
.img980{display: block;}

.fypbox{width: 31.333%;margin: 0 1%;margin-top: 30px;}
.fypcover{display: none;}

}
@media screen and (max-width:767px) {
    #outer #tab li{width: 25%;border: none;padding: 0;text-align: center;}
}
@media screen and (max-width:680px) {
    #outer #tab li{width: 50%;}
    .relatea{font-size: 24px;font-size: 2.4rem;}
    .fypp{font-size: 14px;font-size: 1.4rem;}
}
@media screen and (max-width:600px) {
.img-list7 li{width: 0.48%;}
.img-list7{width: 85%;}

}
@media screen and (max-width:450px) {
.img-list7 li{width: 0.98%;}
.product2 .content .title{margin-bottom: 20px;}
.product2 .content .title h1{padding-bottom: 15px;}
.product2 .content .btn a{float: none;margin-bottom: 10px;}
.product2 .content .share1{margin-top: 30px;}
}
@media screen and (max-width:400px) {
    .fypbox{width: 98%;}
    .zjvm{width: 100px;}
    .relate{padding-right: 110px;}
}
@media screen and (max-width:350px) {
    #outer #tab li{width: 100%;}
}


/**********  about1  ***********/
.abnav{ background:url(abbiao.jpg) repeat-x left 54px; text-align:center;padding-bottom: 30px;}
.abnav a{ display:inline-block; *float:left; width:116px; padding-top:130px; font-size:16px; font-size:1.6rem; line-height:24px; height:48px;margin:0 242px;}
.ab1{ background:url(abbiao1.jpg) no-repeat center top;}
.ab2{ background:url(abbiao2.jpg) no-repeat center top;}

.ne1{ background:url(news1.jpg) no-repeat center top;}
.ne2{ background:url(news2.jpg) no-repeat center top;}

.ab1:hover{ background:url(abbiao1h.jpg) no-repeat center top;}
.ab2:hover{ background:url(abbiao2h.jpg) no-repeat center top;}

.ne1:hover{ background:url(news1h.jpg) no-repeat center top;}
.ne2:hover{ background:url(news2h.jpg) no-repeat center top;}

.abnav a:hover{ color:#174895;}
.ab1.dangqianab{ background:url(abbiao1h.jpg) no-repeat center top !important;}
.ab2.dangqianab{ background:url(abbiao2h.jpg) no-repeat center top;}
.ne1.dangqianab{ background:url(news1h.jpg) no-repeat center top;}
.ne2.dangqianab{ background:url(news2h.jpg) no-repeat center top;}
.dangqianab{ color:#174895 !important;}

.ayou img{width: 100%;max-width: 572px;max-height: 367px;}
.fyap1{line-height: 28px;font-size: 24px;font-size: 2.4rem;color:#174895;padding-left: 14px;background: url(ashu.jpg) no-repeat left center;font-weight: bold;margin-bottom: 19px;margin-top: 15px;}
.fyap1 span{display: block;color:#174895;font-size: 20px;font-size: 2rem;font-weight: bold;}
.azuo{width: 605px;}
.fyap2{line-height: 30px;padding-right: 20px;}
.azuo2{width: 585px;margin-top: 45px;}
.ayou2 img{width: 100%;max-width: 603px;max-height: 394px;}
.ayou2{margin-top: 45px;}

.ab1main2{padding-top: 44px;background: #f6f6f6;margin-top: 66px;padding-bottom: 72px;}
.ab1biao2{font-size: 30px;font-size: 3rem;color: #174895;font-weight:bold;text-transform: uppercase;}
.ab1main2 .img-scroll4 { position:relative; z-index:9}
.ab1main2 .ab1nav{ width:65px; height:29px; position:absolute; right:9px; top:17px; z-index:999}
.ab1main2 .img-scroll4 .prev4,.ab1main2 .img-scroll4 .next4{position:absolute;display:block;width:28px;height:28px; z-index:9999}
.ab1main2 .img-scroll4 .prev4 { left:0;cursor:pointer; background:url(ableft.png)}
.ab1main2 .img-scroll4 .next4 { right:0;cursor:pointer; background:url(abright.png)}
.ab1main2 .img-scroll4 .prev4:hover { left:0;cursor:pointer; background:url(ablefth.png)}
.ab1main2 .img-scroll4 .next4:hover { right:0;cursor:pointer; background:url(abrighth.png)}
.ab1main2 .img-list4 { position:relative; width:auto; overflow:hidden; z-index:99}
.ab1main2 .img-list4 ul { width:10000%;}
.ab1main2 .img-list4 li { float:left;  width:246px; margin-right:72px; margin-top:47px;}
.ab1main2 .zhengshu{  max-width: 246px; width: 100%; position:relative; overflow:hidden; z-index:9;}
.ab1main2 .zhengtu img{ display: block; width:100%; max-width:246px; max-height:334px;}
.ab1main2 .zhengfu{position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;background: url(zscover.png);}
.ab1main2 .zhengfu img{width:32px;height: 32px;position: absolute;left: 50%;margin-left: -16px;top: 50%;margin-top: -16px;}
/* .ab1main2  li img{ display: block; width:100%; max-width:209px; max-height:284px;} */
.ab1main2 .wenzi { text-align: center; line-height: 30px; margin-top: 5px;display: none;}
.ab1main2 .img-list4 li:hover .zhengfu{ top:0px; }

/*********************fangdaxiaoguo**********************/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}


.atuji{padding-top: 64px;}
.about3_ttile{font-weight: bold; line-height: 40px; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; color: #174895; text-align: center;  }

.ab_ditu{ display: block; max-width: 1140px; max-height: 558px; width: 100%;  margin: 0 auto;  margin-top: 58px; margin-bottom: 101px; }

.main6 .top{margin-top: 41px;}
.main6 .top .m6box{width:595px;position: relative;}
.main6 .top .m6box .m6tu a{display: block;}
.main6 .top .m6box .m6tu a img{display: block;max-width: 595px; width: 100%; margin: 0 auto;}
.main6 .top .m6box{overflow: hidden;}
.main6 .top .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(zscover.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.main6 .top .m6box:hover .m6tuzz{top: 0;}
.main6 .top .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 23.7%;margin-bottom: -2px;}
.main6 .top .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;font-weight: bold;}
.main6 .top .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}
.main6 .top .m6box .m6tuzz .tuhezi .hang3{margin: 3px auto 23px;text-align: center;width: 95%;}
.main6 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.main6 .top .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}


.main6 .bottom {margin-top: 8px; padding-top: 0;background: none;}
.main6 .bottom .m6box{width:394px;position: relative;}
.main6 .bottom .m6box .m6tu a{display: block;}
.main6 .bottom .m6box .m6tu a img{display: block;max-width: 100%;}
.main6 .bottom .m6box{overflow: hidden;}
.main6 .bottom .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(zscover.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}
.main6 .bottom .m6box:hover .m6tuzz{top: 0;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 16.7%;margin-bottom: -2px;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;font-weight: bold;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang3{margin:3px auto 23px;text-align: center;width: 95%;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}
.main6 .bottom .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}
.main6 .bottom .m6box.m6boxz{margin-left: 10px;}

@media screen and (max-width:1219px){
    .main6 .top .m6box{width: 48%;}
    .main6 .bottom .m6box{width: 30%;}
    .main6 .bottom .m6box.m6boxz{margin-left: 5%;}

    .abnav a{margin: 0 120px;}
    .ayou{width: 460px;margin-top: 50px;}
    .azuo{width: 500px;}
    .fyap2{padding-right: 0;}

    .ayou2{width: 470px;margin-top: 70px;}
    .azuo2{width: 500px;}

    .ab1main2 .img-list4 li{margin-right: 25px;width: 226px;}

}
@media screen and (max-width:999px){
    .main6{ height: auto;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang3{max-height: 50px;overflow: hidden;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{max-height: 70px;overflow: hidden;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{margin-top: 10px;margin-bottom: 10px;}

    .ayou{width: 100%;text-align: center;}
    .azuo{width: 100%;margin-top: 20px;}
    .azuo2{width: 100%;}
    .ayou2{width: 100%;text-align: center;}
    .abnav a{margin: 0 90px;}

    .main6 .top .m6box .m6tuzz{ position: relative;  top: 0px;  padding-bottom: 2%;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang1{margin-top: 0;}
    .main6 .bottom .m6box .m6tuzz{position: relative;  top: 0px;  padding-bottom: 2%;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-top: 0;}

    .ab1main2 .img-list4 li{width: 0.23%;margin: 0 0.01%;margin-top: 30px;}

    .ab1main2 .zhengfu{display: none;}
}

@media screen and (max-width:979px){
.about_left .dan_wrap .dan_img2{ top: 0; }
.about_ul li .dan_wrap .dan_img2{ top: 0; }
.about_left .dan_wrap .dan_img2{ top: 0; }
}

@media screen and (max-width:979px) and (min-width:640px){
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;padding-top: 10px;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;margin-top: 0;margin-bottom: 5px;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;margin-top: 0;margin-bottom: 5px;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;padding-top: 10px;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;}

    .main6{ background-attachment: fixed; }

}
@media screen and (max-width:720px){
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}
    .main6{ background-attachment: fixed; }
}
@media screen and (max-width:700px){
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}
    .ab1main2 .img-list4 li{width: 0.31%;}
    .ab1main2{padding-bottom: 50px;}
    .atuji{padding-top: 40px;}
    .about3_ttile{font-size: 30px;font-size: 3rem;}
}
@media screen and (max-width:571px){
    .main6 .top .m6box{width: 100%;margin-bottom: 25px;}
    .main6 .bottom .m6box .m6tuzz{  position: relative; top: 0px; padding-bottom: 2%; }
    
    .main6 .bottom .m6box{width: 100%;max-width: 373px;float: none;margin: 10px auto!important;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang3{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang1 a{line-height: 16px;}
    .main6 .top .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}
    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}
    .ab1biao2{font-size: 24px;font-size: 2.4rem;}
    .ab1main2 .img-list4 li{width: 0.48%;}
    .about3_ttile{font-size: 24px;font-size: 2.4rem;}

}

/***********************  about2  ***********************/
.ls{padding-top: 6px;background: url(lsxian1.jpg) no-repeat center top;}
.lsn{background: url(lsxian2.jpg) repeat-y center top;padding-top: 142px;}

.lshang{background: url(lsyuan.jpg) no-repeat center 36px;margin-bottom: 41px;}

.lszuo{width: 50%;padding-top: 30px;}
.lsyou{width: 50%;}

.lsyou a{display: inline-block;border-radius: 50%;overflow: hidden;}

.lszuo p{max-width: 490px;}
.lszuo p a,.lszuo p span{display: block;}
.lszuo p a{font-size: 24px;font-size: 2.4rem;font-weight: bold;line-height: 30px;color: #174895;}
.lszuo p span{font-size:16px;font-size:1.6rem;line-height: 26px;margin-top: 23px;}

.lshang1 .lszuo p a{text-align: right;}
.lshang1 .lszuo p{float: right;margin-right: 38px;}
.lshang2 .lszuo p{float: left;margin-left: 38px;}

.lshang1 .lsyou a{margin-left: 75px;float: left;}
.lshang2 .lsyou a{margin-right:152px;float: right;}

.fymain3{background: url(lsbg.jpg) no-repeat center bottom;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    
}
@media screen and (max-width:999px) {
	.lshang2 .lsyou a{margin-right: 75px;}
	.lsn{padding-top: 80px;}
}
@media screen and (max-width:767px) {
	.ls{background: none;}
	.lsn{background: none;padding-top: 0;}
	.lshang{background: none;}
	.lszuo{width: 100%;float: none;padding-top: 0;}
	.lsyou{width: 100%;float: none;margin-top: 15px;text-align: center;}
    .lshang .lszuo p{max-width: 100%;margin: 0;text-align: center;float: none;}
    .lshang1 .lszuo p a{text-align: center;}
    .lshang .lsyou a{margin: 0;float: none;}
    
    .abnav a{margin: 0 40px;}
    .abnav{background: none;}
}


/************ project1 ************/
.gcbox{width: 590px;position: relative;margin-bottom: 67px;}
.gctu{position: absolute;left: 0;top: 0;}
.gctu img{width: 100%;max-width: 303px;max-height: 240px;}
.gcwen{padding-left: 329px;}
.gcwen a{display: block;}
.gca1{font-weight: bold;line-height: 24px;height: 48px;overflow: hidden;margin-top: 7px;}
.gca2{color: #666666;line-height: 24px;height: 96px;overflow: hidden;margin-top: 10px;margin-bottom: 22px;}
.gca3{width: 140px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;font-size: 1.6rem;color: #174895;border: 1px solid #174895;}
.gca1:hover{color: #174895;}
.gca2:hover{color: #174895;}
.gca3:hover{background: #174895;color: #fff;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .gcbox{width: 480px;}
    .gctu{width: 250px;}
    .gcwen{padding-left: 265px;}
    .gca1{margin-top: 0;}
    .gca2{margin-bottom: 10px;}
}
@media screen and (max-width:999px) {
    .gcbox{width: 100%;}
}
@media screen and (max-width:550px) {
    .gctu{position: static;text-align: center;}
    .gcwen{padding-left: 0;padding-top: 10px;}
    .gca2{height: auto;}
    .gca1{height: auto;}
    .gcbox{margin-bottom: 35px;}
}


/*********  project2  *********/
.gcmain h1{text-align: center;font-size: 20px;font-size: 2rem;font-weight: bold;}
.nex{color: #666666;line-height: 24px;padding-top: 15px;}
.nex p,.nex li,.nex span,.nex b{color: #666666;}

.lunboa {padding-bottom: 22px;}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 32px; color: #fff;line-height: 32px;background:rgba(0,0,0,0.5);}
.lunboa .ban .ban2 ul li .mzz a{width: 100%; }


.lunboa{position: relative;}
img{ border:0;}
/*1*/
.ban{ width:715px; height:719px; position:relative; 
/*overflow:hidden;*/
margin:5px auto 0 auto;}
.ban2{ width:715px; height:569px; position:relative; overflow:hidden;margin: 0 auto;right: 0px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:715px; height:569px;background: #fff;}
.prev{ float:left; cursor:pointer;}

/*2*/
.num{ height:114px;overflow:hidden; width:715px; position:relative;float:left;}
.min_pic{ padding-top:33px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:145px; height:114px; margin-right:45px; padding:0px;}
.num ul li a{display: block;background: transparent;padding-right: 2px;}
.num ul li a img{width: 145px;height: 114px;}
.num ul li.on{background: url(sjt.png) no-repeat center top;}
.prev_btn1{ width:16px; text-align:center; height:21px; margin-top:47px; margin-right:30px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:21px; margin-top:47px;cursor:pointer;float:right;}
.prev1{ position:absolute; bottom: 41px; left:-60px; width:39px; height:39px;z-index:9;cursor:pointer;background: url("lbs.png") no-repeat; }
.next1{ position:absolute; bottom: 41px; right:-60px; width:39px; height:39px;z-index:9;cursor:pointer;background: url("lbx.png") no-repeat;}
.mhc{
        z-index: 99999;
        background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:fixed; left:0; top:0; display:none;}

/*3*/
.pop_up{ width:845px; height:546px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:845px; height:546px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:845px; height:546px; float:left;}

.tukuang{position: relative;display: block;}
.lunboa {padding-bottom: 0px;padding-top: 22px;}
.lunboa .ban .ban2 ul li{position: relative;}
.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 46px; color: #fff;line-height: 46px;background:rgba(0,0,0,0.5);font-size: 16px;font-size: 1.6rem;}

.lunboa .ban .ban2 ul li .mzz a{width: 100%; }

.lunbob{display: none;}
.lunbob ul li{width: 48%;position: relative;float: left;margin: 20px 1%!important;}
.lunbob ul li a{display: block;}
.lunbob ul li a img{display: block;width: 100%;}
.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}
.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;background:url(mzz.png) repeat center center;}

.xiaoping{display: none;}
.xiaoping li{width: 48%;margin: 0 1%;margin-bottom: 20px;float: left;}
.xiaoping li img{width: 100%;max-width: 845px;max-height: 546px;}
.xiaoping li p{text-align: center;margin-top: 10px;line-height: 20px;}

.sxxw{padding-top: 40px;border-top: 1px solid #d2d2d2;margin-top: 25px;line-height: 26px;}
.sxxw span{padding-left: 36px;display: inline-block;text-transform: uppercase;color: #666666;}
.xws{background: url(xws.jpg) no-repeat left center;}
.xws{background: url(xws.jpg) no-repeat left center;}
.sxxw div{margin-bottom: 15px;}
.sxxw div a:hover{color: #174895;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.renbox{margin: 0 39px;margin-bottom: 60px;margin-top: 40px;}
.a3zy{background: url(a3bg1.jpg) no-repeat center -270px;}
.about2{padding-bottom: 50px;}
}
@media screen and (max-width:999px) {
.lunboa{display: none;}
.xiaoping{display: block;padding-top: 20px;}
.renbox{width: 48%;margin: 0 1%;margin-bottom: 60px;margin-top: 40px;}
.about2{padding-bottom: 30px;}
}
@media screen and (max-width:750px) {
.renbox{width: 90%;margin: 0 5%;margin-bottom: 40px;margin-top: 40px;}
}
@media screen and (max-width:639px) {
.about2{padding-bottom: 10px;padding-top: 20px;}
}
@media screen and (max-width:400px) {
.renboxn span{position: static;}
.renboxn{padding: 0 15px;}
.renbox{padding-top: 66px;}
}

/********  news1  *********/
/* new1 */
.new1 .fwp{padding-bottom: 38px;  position: relative;  }
.new1 .swp{ position: absolute; top:0; left: 0;  }
.new1 .swp a{ display: block; width: 100%; margin: 0 auto; }
.new1 .swp a img{ display: block; max-width: 330px; max-height: 185px; width: 100%; margin: 0 auto; }

.new1 .zi {  padding-left: 370px; min-height: 185px; padding-right: 0px; }
.new1 .zi .time{ padding-bottom: 23px;font-size: 14px; font-size: 1.4rem; line-height: 30px;color: #333;   }
.new1 .zi .title{  color: #333;   display: block;line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new1 .zi .p{ display: block;  margin-bottom: 17px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; height: 56px;overflow: hidden;}
.new1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 111px; height: 32px; line-height: 32px; text-align: center; color: #174895; border-radius: 16px; border: 1px solid #174895;}
.new1 .zi .title:hover{ color: #174895;}
.new1 .zi .p:hover{ color: #174895;}

.new1 .zi .more:hover{ background: #174895; color: #fff; }

.new1 .page { position: relative; margin: 69px auto 0;}

.fyppart .fypbox{margin-left: 30px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
.fyppart .fypbox{width: 222px;}
}
@media screen and (max-width:999px){
.new1 .fwp{padding-bottom: 15px;margin-bottom: 20px;}
.new1 .page{margin: 45px auto 0;}
.new1{padding-bottom: 60px;}

.fyppart .fypbox{margin-left: 30px;}

.fyppart .fypbox{width: 23%;margin: 0 1%;margin-top: 30px;}
}
@media screen and (max-width:700px){
    .new1{ padding-bottom: 30px; }
    .new1 .fwp{ padding-bottom: 0px; }
    .new1 .swp{ position: relative; top:0; left: 0;  }
    .new1 .zi {  padding-left: 0px; min-height: 236px; padding-right: 0px; padding-top: 195px;min-height: auto;}
    .new1 .zi .title{padding-top: 10px;}
    .new1 .page{margin: 20px auto 0;}
    .new1 .zi .time{padding-bottom: 5px;}

    .fyppart .fypbox{width: 48%;margin: 0 1%;margin-top: 30px;}

}
@media screen and (max-width:400px){
    .fyppart .fypbox{width: 98%;margin: 0 1%;margin-top: 20px;}
}

/************  contact  ************/
.lxhui{background: #f7f7f7;padding-left: 63px;padding-right: 84px;padding-top: 22px;padding-bottom: 15px;border-radius: 10px;}
.lxzuo li{margin-bottom: 26px;}
.lxzuo{width: 402px;border-right: 1px solid #c5c5c5;padding-top: 33px;margin-top: 9px;padding-bottom: 22px;}
.lxzuo li b{padding-left: 20px;display: block;margin-top: 10px;max-width: 260px;line-height: 26px;}
.cli1 b{background: url(ci1.png) no-repeat left center;}
.cli2 b{background: url(ci2.png) no-repeat left center;}
.cli3 b{background: url(ci3.png) no-repeat left center;}
.cli4 b{background: url(ci4.png) no-repeat left center;}
.cli5 b{background: url(ci5.png) no-repeat left center;}
.cli6 b{background: url(ci6.png) no-repeat left 0px;}
.lxzuo li a:hover{color: #174895;}
.lxyou{width: 564px;}


.c_right { float: right; width: 47%; margin-right: 84px; }

.c_title2 {padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #174895; text-transform: uppercase; padding-bottom: 16px; }

.c_xp { padding-top: 13px; }

.c_bt { width: 14px; float: left; color: #ff0000; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }


.c_div1 { padding-bottom: 18px; }

.c_div2 { padding-bottom: 20px; }

.c_div3 { padding-bottom: 20px; }

.c_div4 { padding-top: 2px; margin-bottom: 5px; }

.c_input1 { float: left; line-height: 35px; height: 35px;text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }

.c_textarea { font-family: Arial; float: left; text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }

.c_captcha {background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }

.c_yzm { float: left; margin-left: 19px; cursor: pointer; }

.c_send { float: right; text-align: center; color: #fff; background: #333333; width: 181px; height: 37px; line-height: 35px; font-size: 14px; font-size: 1.4rem; cursor: pointer; font-weight: bold; }

.c_send:hover{background: #174895;}

.ditu { text-align: center;padding-top: 50px;}

.ditu img { display: block; max-width: 1200px; max-height: 380px; width: 100%; }

@media screen and (min-width:1000px) and (max-width:1219px) {
    .lxzuo{width: 225px;}
}
@media screen and (max-width:999px) {
    .lxzuo{width: 100%;border: none;padding-top: 0;margin-top: 0;}
    .lxyou{width: 100%;}

    .c_input1{width: 95%;}
    .c_textarea{width: 95%;}
    .c_send{width: 95%;float: left;margin-top: 18px;margin-left: 14px;}
}
@media screen and (max-width:767px) {
    .lxhui{padding-left: 25px;padding-right: 25px;}
}
@media screen and (max-width:400px) {
    .lxhui{padding-left: 10px;padding-right: 10px;}
    .c_input1{width: 94%;}
    .c_textarea{width: 94%;}
    .c_send{width: 94%;}
    .c_captcha{width: 94%;}
    .c_yzm{margin-left: 14px;margin-top: 18px;}
}

.xwxsj{text-align: center;line-height: 40px;}

/*
font-family: 'FuturaStdBook';
*/

@media screen and (min-width:1000px) and (max-width:1219px) {
    
}
@media screen and (max-width:999px) {
    
}
